---

import type { GetStaticPathsResult } from "astro";

import type { CollectionEntry } from "astro:content";

import { getCollection, render } from "astro:content";

import PostLayout from "@/layouts/BlogPost.astro";

export async function getStaticPaths(): Promise<GetStaticPathsResult> {

	const posts: CollectionEntry<"post">[] = await getCollection("post");

	const params = posts.map((post) => ({

		params: { post: post.id },

		props: { post },

	}));

	return params;

}

interface Props {

	post: CollectionEntry<"post">;

}

const { post } = Astro.props;

const { Content } = await render(post);

---

<PostLayout post={post}>

	<Content />

  <div class="mt-12">

    <a href={ `mailto:contact@stevedylan.dev?subject=${'Re: ' + post.data.title}` }>Reply via Email</a>

  </div>

</PostLayout>